@charset "utf-8";
/**
 * @Created by kroyo on 2018/03/13
 * @approve.html 认证证件 页面样式
 */


@import 'common/mixincommon';


.width100{
    width: 100px;
}
.width200{
    width: 200px;
}
.width300{
    width: 300px;
}

.nodataline{
    width: 100%;
    height: 80px;
    text-align: center;
}


.article-header{
    width: 100%;
    height: 40px;
    line-height: 40px;
    @include borradius(4px);
    background-color: rgba(254,185,92,.2);
    color: $s9;
    font-size: 14px;
    padding-left: 30px;
    padding-right: 30px;
    overflow: hidden;
    margin-bottom: 20px;
    a{
        color: #fab860;
    }
}



.btntop{
    position: relative;
    float: right;
    display: block;
    width: 30px;
    height: 30px;
    line-height: 28px;
    border: 1px solid $borcolor;
    @include borradius(4px);
    text-align: center;
    cursor: pointer;
    @include transitions(.4s);
    &:after{
        position: absolute;
        display: block;
        content: '';
        width: 100%;
        height: 100%;
        background: url(../img/infor/icon-top.png) no-repeat center;
        @include transitions(.4s);
    }
    &:hover{
        border-color: $acolor;
        &:after{
            background-image: url(../img/infor/icon-top-active.png);
        }
    }
    &.active:after{
        @include transformt(rotate(-180deg));
    }
}




//营业执照
.item-license{
    .item{
        margin-top: 20px;
    }
    .item-left{
        float: left;
        width: 160px;
        line-height: 40px;
        color: $s6;
        font-size: 14px;
    }
    .item-right{
        float: right;
        width: 500px;
    }
    .input{
        width: 100%;
        height: 40px;
        border: 1px solid $borcolor;
        @include borradius(4px);
        padding-left: 10px;
        padding-right: 10px;
        font-size: 14px;
        color: $s3;
    }
    .btn-div{
        margin-top: 20px;
        margin-bottom: 20px;
        .btn{
            width: 160px;
            height: 40px;
            line-height: 38px;
            font-size: 14px;
        }
        .iconfont{
            margin-right: 10px;
        }
        span{
            color: $s9;
            font-size: 14px;
            margin-left: 5px;
        }
    }
    .view-edit{
        display: none;
    }
    .view-watch{
        height: 40px;
        line-height: 40px;
        color: $s3;
        font-size: 14px;
        margin-bottom: 20px;
    }
    .img-wrapper{
        position: relative;
        width: 160px;
        height: 160px;
        overflow: hidden;
        cursor: pointer;
        &:hover{
            .img-shade{
                opacity: 1;
            }
        }
        img{
            width: 100%;
            height: 100%;
        }
        .img-shade{
            position: absolute;
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
            background-color: rgba(0,0,0,.5);
            padding-top: 125px;
            opacity: 0;
            @include transitions(.4s);
        }
        .iconfont{
            float: right;
            color: $sf;
            font-size: 14px;
            cursor: pointer;
            @include transitions(.4s);
            margin-right: 20px;
            &:hover{
                color: $acolor;
            }
        }
        .icon-icon-download{
            right: 52px;
        }
        .icon-icon-watch{
            right: 90px;
        }
    }
    .editbtn{
        width: 160px;
        height: 40px;
        line-height: 40px;
        margin-top: 30px;
        font-size: 14px;
    }
    //保存、取消按钮
    .btnlist{
        display: none;
        margin-top: 30px;
        font-size: 0;
        .btn{
            width: 70px;
            height: 40px;
            line-height: 38px;
            font-size: 14px;
        }
        .savebtn{
            margin-right: 20px;
        }
    }
}




//企业资质
.item-table{
    margin-top: 40px;
    table{
        width: 100%;
        height: 100%;
        color: $s6;
        font-size: 14px;
    }
    tr{
        border-bottom: 1px solid $borcolor;
    }
    td{
        word-break: break-all;
        word-wrap: break-word;
        padding: 10px 40px 10px 0;
    }
    .firstline{
        color: $s3;
    }
    img{
        width: 60px;
        height: auto;
        vertical-align: middle;
    }
    .btnlist{
        font-size: 0;
        padding-right: 0;
        .iconfont{
            color: $s9;
            font-size: 16px;
            cursor: pointer;
            &:hover{
                color: $acolor;
            }
        }
        .icon-icon-download{
            margin-right: 20px;
        }
    }
    //公式荣誉列表
    .line-award{
        padding: 20px 0;
        .iconbtn{
            position: relative;
            display: block;
            width: 30px;
            height: 30px;
            border: 1px solid $borcolor;
            @include borradius(4px);
            text-align: center;
            cursor: pointer;
            background-color: $sf;
            @include transitions(.4s);
            margin-top: 5px;
            z-index: 2;
            &:after{
                position: absolute;
                top: 0;
                left: 0;
                display: block;
                content: '';
                width: 100%;
                height: 100%;
                background: url(../img/infor/icon-left.png) no-repeat center;
                @include transitions(.4s);
            }
            &:hover{
                border-color: $acolor;
                &:after{
                    background-image: url(../img/infor/icon-left-active.png);
                }
            }
        }
        .topbtn{
            float: left;
        }
        .nextbtn{
            float: right;
            @include transformt(rotate(180deg));
        }
    }
    .award-list{
        float: left;
        width: 640px;
        vertical-align: middle;
        ul{
            width: 100%;
        }
        li{
            // float: left;
            width: 165px;
            height: 40px;
            line-height: 40px;
            padding: 0 30px;
            text-align: center;
            font-size: 0;
        }
        img{
            width: 30px;
            height: 30px;
            @include borradius(50%);
            overflow: hidden;
            vertical-align: middle;
            @include transitions(.4s);
            cursor: pointer;
        }
        span{
            font-size: 14px;
            color: $s9;
            margin-left: 10px;
            vertical-align: middle;
        }
        .swiper-slide-active{
            img{
                width: 40px;
                height: 40px;
            }
        }
    }
    .swiper-text{
        .swiper-slide-active{
            opacity: 1 !important;
        }
    }
    .slide-text{
        // position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        background-color: $sf;
        opacity: 0 !important;
    }
    .slide-text-active{
        position: relative;
        z-index: 1;
    }
}









//查看原图
.win-imgwrapper{
    .container{
        padding-left: 240px;
        .win-content{
            position: relative;
            max-width: 1000px;
            max-height: 100%;
            left: 50%;
            @include transformt(translateX(-50%) translateY(-50%));
            margin: 0;
        }
    } 
}
